@charset "utf-8";
.banner{ width:100%;  position:relative; overflow:hidden}
.banner .swiper01 { width:100%; overflow:hidden; }
.banner .swiper01 .swiper-slide{ width:100%;   overflow:hidden; position:relative;   background:#fff}
.banner .swiper01 .swiper-slide a{ display:block; width:100%; }
.banner .swiper01 .swiper-slide>img{ width:100%;}
.banner .swiper01 img.img1{ display:block; width:100%;  }
.banner .swiper01 img.img2{ display:none; width:100%;}
.banner .swiper01 .item{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; z-index:2}
.banner .swiper01 .item .title{ font-size:56px; line-height:1; font-weight:bold}
.banner .swiper01 .item .intro{ font-size:30px; margin-top:25px}
.banner .swiper01 .item .more{display:flex; align-items: center; justify-content: center; width:145px; height:50px; margin-top:20px; font-size:16px; color:#fff; box-sizing:border-box; border:1px solid rgba(255,255,255,0.3); margin-top:50px}
.banner .swiper01  .pagination01{ width:100%; position:absolute; text-align:center; font-size:0; left:0; bottom:5%; z-index:2; font-size:0}
.banner .swiper01 .pagination01 span{ width:10px; height:10px; background:#aaaaaa; opacity:1; border-radius:50%; padding:0; margin:0 4px;}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{ background:#c4261d}
.banner .prev01{ background:url(prev.png) center center no-repeat; background-size:100%; width:32px; height:58px; position:absolute; left:2.5%; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer}
.banner .next01{ background:url(next.png) center center no-repeat; background-size:100%; width:32px; height:58px; position:absolute; right:2.5%; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer}
.banner .swiper01 .item .nr{ top:150px; opacity:0; transition:all 0.5s; position:relative}
.banner .swiper01 .swiper-slide-active .item .nr{ top:0; opacity:1}

@media (max-width: 1440px){
	.banner .swiper01 .item .title{ font-size:42px; }
	.banner .swiper01 .item .intro{ font-size:22px; margin-top:20px}
	.banner .swiper01 .item .more{ width:125px; height:40px; font-size:14px; margin-top:40px}
	.banner .prev01{ width:22px}
	.banner .next01{ width:22px}
	.banner .swiper01  .pagination01{ }

}
@media (max-width: 1200px){
	.banner .swiper01 .item .title{ font-size:32px; }
	.banner .swiper01 .item .intro{ font-size:16px; }
	.banner .swiper01 .item .more{ width:110px; height:32px; font-size:12px; }
	.banner .prev01{ width:16px; left:1%}
	.banner .next01{ width:16px; right:1%}	
	.banner .swiper01  .pagination01{ }
}
@media (max-width: 750px){
	.banner .swiper01 img.img2{ display:block; width:100%;}
	.banner .swiper01 img.img1{ display:none; width:100%;}
	.banner .swiper01 .item .title{ font-size:20px; }
	.banner .swiper01 .item .intro{ font-size:14px; }
	.banner .swiper01 .item .more{ width:100px; height:30px; }
	.banner .prev01{ width:10px; left:1%}
	.banner .next01{ width:10px; right:1%}	
	.banner .swiper01 .pagination01{ text-align:center}
	.banner .swiper01 .pagination01 span{ width:8px; height:8px}	
	.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{  }
}

.gcon_1{ width:100%; margin-top:90px}
.ihd .title{ text-align:center; font-size:40px; color:#181818}
.gcon_1 .ibd{ margin-top:80px}
.gcon_1 .ibd ul{ display:flex;justify-content: space-between; align-items: center; width:1180px; margin:0 auto}
.gcon_1 .ibd ul li{ margin:0;}
.gcon_1 .ibd ul li .ico{ display:flex; align-items: center; justify-content: center; width:50px; height:50px; border-radius:100%; background:#c4261d; text-align:center; margin:0 auto}
.gcon_1 .ibd ul li .ico img{ display:block}
.gcon_1 .ibd ul li .title{ font-size:20px; color:#202020; text-align:center; line-height:1; position:relative; padding:16px 5px}
.gcon_1 .ibd ul li:hover .title:after,.gcon_1 .ibd ul li.on .title:after{ content:""; display:block; width:100%; height:2px; background:#c4261d; position:absolute; left:0; bottom:0}
.gcon_1 .ibd ul li:hover .title,.gcon_1 .ibd ul li.on .title{ color:#c4261d; font-weight:bold}
.gcon_1 .ibd .aitem{ margin-top:60px}
.gcon_1 .ibd .aitem .lt{ width:calc(340 / 1400 * 100%); overflow:hidden; float:left; position:relative}
.gcon_1 .ibd .aitem .lt .pic{ width:100%; overflow:hidden; position:relative}
.gcon_1 .ibd .aitem .lt .pic img{ width:100%}
.gcon_1 .ibd .aitem .lt .pic .img2{ position:absolute; left:0; top:0; z-index:2}
.gcon_1 .ibd .aitem .lt .title{ font-size:16px; color:#282828; width:100%; box-sizing:border-box; padding:30px; position:absolute; left:0; top:0; z-index:2; line-height:1}
.gcon_1 .ibd .aitem .lt .pic .img2{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_1 .ibd .aitem .lt:hover .title{ font-weight:bold; color:#c4261d}
.gcon_1 .ibd .aitem .cen{ width:calc(709 / 1400 * 100%); overflow:hidden; float:left; position:relative; margin-left:5px}
.gcon_1 .ibd .aitem .cen .item1{ width:calc(350 / 709 * 100%); float:left; position:relative}
.gcon_1 .ibd .aitem .cen .item2{ width:calc(350 / 709 * 100%); float:right; position:relative}
.gcon_1 .ibd .aitem .cen .item3{ width:100%; float:left; position:relative; margin-top:9px}
.gcon_1 .ibd .aitem .cen .pic{ width:100%; overflow:hidden; position:relative}
.gcon_1 .ibd .aitem .cen .pic img{ width:100%}
.gcon_1 .ibd .aitem .cen .pic .img2{ position:absolute; left:0; top:0; z-index:2}
.gcon_1 .ibd .aitem .cen .title{ font-size:16px; color:#282828; width:100%; box-sizing:border-box; padding:30px; position:absolute; left:0; top:0; z-index:2; line-height:1}
.gcon_1 .ibd .aitem .cen>div:hover .title{ font-weight:bold; color:#c4261d}
.gcon_1 .ibd .aitem .cen .pic .img2{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_1 .ibd .aitem .rt{ width:calc(340 / 1400 * 100%); overflow:hidden; float:right; position:relative}
.gcon_1 .ibd .aitem .rt .pic{ width:100%; overflow:hidden; position:relative}
.gcon_1 .ibd .aitem .rt .pic img{ width:100%}
.gcon_1 .ibd .aitem .rt .pic .img2{ position:absolute; left:0; top:0; z-index:2}
.gcon_1 .ibd .aitem .rt .title{ font-size:16px; color:#282828; width:100%; box-sizing:border-box; padding:30px; position:absolute; left:0; top:0; z-index:2; line-height:1}
.gcon_1 .ibd .aitem .rt:hover .title{ font-weight:bold; color:#c4261d}
.gcon_1 .ibd .aitem .rt .pic .img2{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}

.ifd{ margin-top:70px; display:flex; align-items: center; justify-content: center;}
.ifd a{ display:flex; align-items: center; justify-content: center; width:180px; height:38px; border:1px solid #b5b5b5; font-size:16px; color:#7a7a7a }
.ifd a:hover{ border:1px solid #c4261d; background:#c4261d; color:#fff}
@media (max-width: 1440px){
	.gcon_1{ margin-top:80px}
	.ihd .title{ font-size:32px; }
	.gcon_1 .ibd{ margin-top:60px}
	.gcon_1 .ibd ul{ width:1000px; }
	.gcon_1 .ibd ul li .ico{ width:46px; height:46px; }
	.gcon_1 .ibd ul li .ico img{ display:block; height:22px}
	.gcon_1 .ibd ul li .title{ font-size:18px; }
	.gcon_1 .ibd .aitem{ margin-top:40px}
	.gcon_1 .ibd .aitem .lt{ width:calc(340 / 1400 * 100%); overflow:hidden; float:left; position:relative}
	.gcon_1 .ibd .aitem .lt .pic{ width:100%; overflow:hidden; position:relative}
	.gcon_1 .ibd .aitem .lt .pic img{ width:100%}
	.gcon_1 .ibd .aitem .lt .title{ font-size:14px; padding:25px; }
	.gcon_1 .ibd .aitem .cen .item3{ margin-top:8px}
	.gcon_1 .ibd .aitem .cen .title{ font-size:14px; padding:25px;}
	.gcon_1 .ibd .aitem .rt .title{ font-size:14px; padding:25px; }
	.ifd{ margin-top:50px}
	.ifd a{ font-size:14px; width:160px; height:32px}
}
@media (max-width: 1200px){
	.gcon_1{ margin-top:60px}
	.ihd .title{ font-size:24px; }
	.gcon_1 .ibd{ margin-top:40px}
	.gcon_1 .ibd ul{ width:100%; }
	.gcon_1 .ibd ul li .ico{ width:42px; height:42px; }
	.gcon_1 .ibd ul li .ico img{ height:20px}
	.gcon_1 .ibd ul li .title{ font-size:16px; padding:12px 5px }
	.gcon_1 .ibd .aitem{ margin-top:30px}
	.gcon_1 .ibd .aitem .lt .title{ font-size:14px; padding:20px; line-height:1.4 }
	.gcon_1 .ibd .aitem .cen{ margin-left:0.42%}
	.gcon_1 .ibd .aitem .cen .item3{ margin-top:1.2%}
	.gcon_1 .ibd .aitem .cen .title{ font-size:14px; padding:20px; line-height:1.4}
	.gcon_1 .ibd .aitem .rt .title{ font-size:14px; padding:20px; line-height:1.4 }
	.ifd{ margin-top:40px}
	.ifd a{ font-size:12px; width:120px; height:30px}
}
@media (max-width: 750px){
	.gcon_1{ margin-top:40px}
	.ihd .title{ font-size:20px; }
	.gcon_1 .ibd{ margin-top:30px}
	.gcon_1 .ibd ul li .ico{ width:36px; height:36px; }
	.gcon_1 .ibd ul li .ico img{ height:16px}
	.gcon_1 .ibd ul li .title{ font-size:12px; padding:12px 0; }
	.gcon_1 .ibd .aitem{ margin-top:30px}
	.gcon_1 .ibd .aitem .lt{ width:100%}
	.gcon_1 .ibd .aitem .cen{ width:100%; margin:2% 0 0 0; float:right}
	.gcon_1 .ibd .aitem .rt{ width:100%; margin-top:2%}
	.ifd{ margin-top:20px}
}

.gcon_2{ margin-top:90px; background:url(g_16.jpg) bottom center no-repeat; background-size:cover; padding:80px 0 170px}
.gcon_2 .lt{ width:650px; float:left}
.gcon_2 .lt .ihd .title{ text-align:left; color:#c52820}
.gcon_2 .lt .intro{ font-size:16px; color:#1f1f1f; text-align:justify; margin-top:50px; line-height:2}
.gcon_2 .lt ul{ margin-top:50px; display:flex;justify-content: space-between; align-items: center;}
.gcon_2 .lt ul li{ text-align:center}
.gcon_2 .lt ul li .p1{ font-size:44px; color:#c4261d; font-family:Arial, Helvetica, sans-serif; line-height:1}
.gcon_2 .lt ul li .p1 i{ font-size:20px; vertical-align:top}
.gcon_2 .lt ul li .p2{ font-size:16px; color:#666666; margin-top:5px}
.gcon_2 .lt .play{ margin-top:80px; width:fit-content }
.gcon_2 .lt .play .ico{ text-align:center}
.gcon_2 .lt .play .title{ font-size:16px; color:#333333; margin-top:30px; line-height:1}
.gcon_2 .rt{ width:550px; float:right; display:flex;justify-content: space-between; align-items: center; margin-top:120px}
.gcon_2 .rt .item{ text-align:center}
.gcon_2 .rt .item .ico img{ height:40px}
.gcon_2 .rt .item .title{ font-size:16px; color:rgba(31,31,31,0.8); margin-top:20px}
.gcon_2 .rt .item2{ height:60px; width:1px; background:rgba(146,146,146,0.33); position:relative;}
.gcon_2 .rt .item2:last-child{ display:none}
@media (max-width: 1440px){
	.gcon_2{ margin-top:80px; padding:80px 0 140px}
	.gcon_2 .lt{ width:550px; }
	.gcon_2 .lt .intro{ font-size:14px; margin-top:40px; }
	.gcon_2 .lt ul{ margin-top:40px; }
	.gcon_2 .lt ul li .p1{ font-size:36px; }
	.gcon_2 .lt ul li .p1 i{ font-size:16px; }
	.gcon_2 .lt ul li .p2{ font-size:14px; }
	.gcon_2 .lt .play{ margin-top:60px; }
	.gcon_2 .lt .play .ico img{ height:60px}
	.gcon_2 .lt .play .title{ font-size:14px; margin-top:25px; }
	.gcon_2 .rt{ width:500px; margin-top:90px}
	.gcon_2 .rt .item .ico img{ height:36px}
	.gcon_2 .rt .item .title{ font-size:14px; margin-top:15px}
	.gcon_2 .rt .item2{ height:50px }
}
@media (max-width: 1200px){
	.gcon_2{ margin-top:60px; padding:60px 0 300px; background:url(g_16_2.jpg) bottom center no-repeat; background-size:cover; }
	.gcon_2 .lt{ width:100%}
	.gcon_2 .lt .intro{ margin-top:20px; }
	.gcon_2 .lt ul{ margin-top:20px; }
	.gcon_2 .lt ul li .p1{ font-size:30px; }
	.gcon_2 .lt ul li .p1 i{ font-size:14px; }
	.gcon_2 .lt ul li .p2{ font-size:12px; }
	.gcon_2 .lt .play{  margin:0 auto  ; margin-top:40px;}
	.gcon_2 .lt .play .ico img{ height:50px}
	.gcon_2 .lt .play .title{ font-size:14px; margin-top:20px; }
	.gcon_2 .rt{ width:100%; margin-top:40px}
	.gcon_2 .rt .item .ico img{ height:36px}
	.gcon_2 .rt .item .title{ font-size:12px; margin-top:10px}
	.gcon_2 .rt .item2{ height:40px }
}
@media (max-width: 750px){
	.gcon_2{ margin-top:40px; padding:40px 0 300px}
	.gcon_2 .lt ul li .p1{ font-size:24px; }
	.gcon_2 .lt ul li .p1 i{ font-size:12px; }
}


.gcon_3{ margin-top:60px;}
.gcon_3 .ihd .title{ display:flex; align-items: center; justify-content: center;}
.gcon_3 i{ color:#c4261d; font-size:90px; font-weight:bold}
.gcon_3 span{ font-weight:bold}
.gcon_3 .ibd{ margin-top:50px}
.gcon_3 .ibd .item{ width:33.33333333333333%; float:left; overflow:hidden}
.gcon_3 .ibd .item .pic{ width:100%; overflow:hidden}
.gcon_3 .ibd .item .pic img{ width:100%}
.gcon_3 .ibd .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_3 .ibd .item .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}

.gcon_3 .ibd .item .cont{ width:100%; overflow:hidden; position:relative}
.gcon_3 .ibd .item .cont img{ width:100%; overflow:hidden}
.gcon_3 .ibd .item .cont .intro{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2; color:#fff; padding-left:50px}
.gcon_3 .ibd .item .cont .intro .p1{ font-size:21px; font-weight:bold}
.gcon_3 .ibd .item .cont .intro .p2{ font-size:17px; }
@media (max-width: 1440px){
	.gcon_3{ margin-top:40px;}
	.gcon_3 i{ font-size:80px; }
	.gcon_3 .ibd{ margin-top:30px}
	.gcon_3 .ibd .item .cont .intro{ padding-left:40px}
	.gcon_3 .ibd .item .cont .intro .p1{ font-size:20px;}
	.gcon_3 .ibd .item .cont .intro .p2{ font-size:16px; }

}
@media (max-width: 1200px){
	.gcon_3{ margin-top:30px;}
	.gcon_3 i{ font-size:60px; }
	.gcon_3 .ibd{ margin-top:20px}
	.gcon_3 .ibd .item .cont .intro{ padding-left:20px}
	.gcon_3 .ibd .item .cont .intro .p1{ font-size:18px;}
	.gcon_3 .ibd .item .cont .intro .p2{ font-size:12px; }
}
@media (max-width: 750px){
	.gcon_3{ margin-top:20px;}
	.gcon_3 i{ font-size:40px; }
	.gcon_3 .ibd{ margin-top:0}
	.gcon_3 .ibd .item{ width:100%; position:relative; margin-top:10px}
	.gcon_3 .ibd .item .cont{ position:absolute; left:0; top:0; background:rgba(0,0,0,0.3)}
	.gcon_3 .ibd .item .cont img{ opacity:0}
	.gcon_3 .ibd .item .cont .intro{ padding-left:20px}
	.gcon_3 .ibd .item .cont .intro .p1{ font-size:18px;}
	.gcon_3 .ibd .item .cont .intro .p2{ font-size:12px; }
}


.gcon_4{ margin-top:90px; padding:90px 0; background:url(g_22.jpg) center center no-repeat; background-size:cover}
.gcon_4 .ihd .title{ color:#fff}
.gcon_4 .ibd{ margin-top:70px}
.gcon_4 .ibd ul{ display:flex;justify-content: space-between;}
.gcon_4 .ibd ul li{ width:154px; transition:all 0.3s; overflow:hidden; position:relative}
.gcon_4 .ibd ul li.on{ width:776px}
.gcon_4 .ibd ul li .pic{ width:776px; position:relative; left:50%; transform:translateX(-50%)}
.gcon_4 .ibd ul li .pic>img{ width:100%}
.gcon_4 .ibd ul li .title{ width:30px; text-align:center; position:absolute; top:90px; left:50%; transform:translateX(-50%); font-size:22px; color:#333333; line-height:1.1; transition:all 0.3s; opacity:1; text-align:center}
.gcon_4 .ibd ul li.on .title{ opacity:0}
.gcon_4 .ibd ul li .cont{ width:100%; position:absolute; left:0; top:10%; z-index:2; box-sizing:border-box; padding:0 80px; opacity:0; transition:all 0.3s}
.gcon_4 .ibd ul li .cont .t{ font-size:26px; color:#333333; font-weight:bold}
.gcon_4 .ibd ul li .cont .i{ font-size:16px; color:rgba(51,51,51,0.72); line-height:2; text-align:justify; margin-top:35px; height:140px}
.gcon_4 .ibd ul li .cont .m{ display:flex; align-items: center; justify-content: center; width:160px; height:44px; background:#c4261d; font-size:18px; color:#fff}
.gcon_4 .ibd ul li .cont .m img{ padding-left:15px}
.gcon_4 .ibd ul li.on .cont{ opacity:1}
@media (max-width: 1440px){
	.gcon_4{ margin-top:80px; padding:80px 0;}
	.gcon_4 .ibd{ margin-top:60px}
	.gcon_4 .ibd ul li{ width:143px; }
	.gcon_4 .ibd ul li.on{ width:620px}
	.gcon_4 .ibd ul li .pic{ width:620px;}
	.gcon_4 .ibd ul li .title{ font-size:20px;}
	.gcon_4 .ibd ul li .cont{ padding:0 60px;}
	.gcon_4 .ibd ul li .cont .t{ font-size:24px; }
	.gcon_4 .ibd ul li .cont .i{ font-size:14px; margin-top:25px; height:120px}
	.gcon_4 .ibd ul li .cont .m{ width:140px; height:40px; font-size:16px; }
}
@media (max-width: 1200px){
	.gcon_4{ margin-top:60px; padding:60px 0;}
	.gcon_4 .ibd{ margin-top:40px}
	.gcon_4 .ibd ul li{ width:calc(25% - 102px); }
	.gcon_4 .ibd ul li.on{ width:400px}
	.gcon_4 .ibd ul li .pic{ width:400px}
	.gcon_4 .ibd ul li .title{ font-size:18px; top:50%; transform:translate(-50%,-50%)}
	.gcon_4 .ibd ul li .cont{ padding:0 30px;}
	.gcon_4 .ibd ul li .cont .t{ font-size:20px; }
	.gcon_4 .ibd ul li .cont .i{ font-size:12px; margin-top:20px; height:90px}
	.gcon_4 .ibd ul li .cont .m{ width:120px; height:32px; font-size:12px; }
}
@media (max-width: 750px){
	.gcon_4{ margin-top:40px; padding:40px 0;}
	.gcon_4 .ibd{ margin-top:0}
	.gcon_4 .ibd ul{ display:block; padding-top:10px}
	.gcon_4 .ibd ul li{ width:100%; margin-top:10px }
	.gcon_4 .ibd ul li.on{ width:100%}
	.gcon_4 .ibd ul li .pic{ width:100%}
	.gcon_4 .ibd ul li .title{ font-size:18px; top:50%; transform:translate(-50%,-50%)}
	.gcon_4 .ibd ul li .cont{ padding:0 20px;}
	.gcon_4 .ibd ul li .cont .t{ font-size:16px; }
	.gcon_4 .ibd ul li .cont .i{ height:auto; margin-top:15px}
	.gcon_4 .ibd ul li .cont .m{ margin-top:20px; }
	.gcon_4 .ibd ul li .cont{ opacity:1;transform: translateY(0); top:10%}
	.gcon_4 .ibd ul li .title{ opacity:0}
}

.gcon_5{ padding:90px 0; position:relative; overflow:hidden}
.threeCanvas { position:absolute; top:10000%; left:0; right:0; bottom:0; z-index:2; }
.threeCanvas canvas { width:0; height:0}
.gcon_5 .nr{ position:relative; z-index:3}
.gcon_5 .ibd{ margin-top:70px}
.gcon_5 .ibd .hd ul li{ width:calc(100% / 6); float:left; border-top:1px solid #e5e5e5; text-align:center; height:95px; display:flex; align-items: center; justify-content: center; font-size:20px; color:#333333; position:relative}
.gcon_5 .ibd .hd ul li:after{ content:""; display:block; width:0; height:4px; background:#c4261d; position:absolute; left:50%; top:-1px; transition:all 0.3s}
.gcon_5 .ibd .hd ul li.on:after{ width:100%; left:0}
.gcon_5 .ibd .hd ul li.on{ color:#c4261d; font-weight:bold}
.gcon_5 .ibd .bd .con a{ display:flex; align-items: center; width:100%; background:#f7f8ff; overflow:hidden}
.gcon_5 .ibd .bd .con .pic{ width:691px; overflow:hidden}
.gcon_5 .ibd .bd .con .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_5 .ibd .bd .con:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.gcon_5 .ibd .bd .con .cont{ width:calc(100% - 691px); box-sizing:border-box; padding:0 50px}
.gcon_5 .ibd .bd .con .cont .title{ font-size:24px; color:#333333}
.gcon_5 .ibd .bd .con .cont .intro{ font-size:16px; color:#666666; line-height:2; margin-top:30px; height:120px}
.gcon_5 .ibd .bd .con .cont .more{ display:flex; align-items: center; justify-content: center; width:160px; height:46px; border:1px solid #d8d8dd; color:#999; font-size:16px;}
.gcon_5 .ibd .bd .con .cont .more img{ display:block; padding-left:15px}
.gcon_5 .ibd .bd .con .cont .more:hover{ border:1px solid #c4261d; color:#c4261d}
.gcon_5 .icd{ margin-top:35px; width:100%; overflow:hidden}
.gcon_5 .icd .swiper05{ width:100%; overflow:hidden}
.gcon_5 .icd .swiper05 .swiper-slide{ width:23.5%; margin-right:2%}
.gcon_5 .icd .swiper05 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_5 .icd .swiper05 .swiper-slide .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_5 .icd .swiper05 .swiper-slide:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.gcon_5 .icd .swiper05 .swiper-slide .title{ height:65px; background:#f7f8ff; display:flex; align-items: center; justify-content: center; font-size:16px; color:#666666; position:relative; box-sizing:border-box; padding:0 10px}
.gcon_5 .icd .swiper05 .swiper-slide:hover .title:after{ content:""; display:block; width:100%; height:1px; background:#c4261d; position:absolute; left:0; bottom:0}
@media (max-width: 1440px){
	.gcon_5{ padding:80px 0}
	.gcon_5 .ibd{ margin-top:60px}
	.gcon_5 .ibd .hd ul li{ height:80px; font-size:18px; }
	.gcon_5 .ibd .bd .con .pic{ width:50%; }
	.gcon_5 .ibd .bd .con .cont{ width:50%; padding:0 40px}
	.gcon_5 .ibd .bd .con .cont .title{ font-size:20px; }
	.gcon_5 .ibd .bd .con .cont .intro{ font-size:14px; margin-top:25px; height:110px}
	.gcon_5 .ibd .bd .con .cont .more{  width:140px; height:40px; font-size:14px;}
	.gcon_5 .icd{ margin-top:30px; }
	.gcon_5 .icd .swiper05 .swiper-slide .title{ height:55px;  font-size:13px; line-height:1.4 }
}
@media (max-width: 1200px){
	.gcon_5{ padding:60px 0}
	.gcon_5 .ibd{ margin-top:40px}
	.gcon_5 .ibd .hd ul li{ height:60px; font-size:16px; }
	.gcon_5 .ibd .bd .con .cont{ padding:0 20px}
	.gcon_5 .ibd .bd .con .cont .title{ font-size:16px; }
	.gcon_5 .ibd .bd .con .cont .intro{ font-size:12px; margin-top:15px; height:90px}
	.gcon_5 .ibd .bd .con .cont .more{  width:120px; height:32px; font-size:12px;}
	.gcon_5 .icd{ margin-top:20px; }
	.gcon_5 .icd .swiper05 .swiper-slide{ width:32%}
}
@media (max-width: 750px){
	.gcon_5{ padding:40px 0}
	.gcon_5 .ibd{ margin-top:20px}
	.gcon_5 .ibd .hd ul li{ height:60px; font-size:14px; box-sizing:border-box; padding:0 2%; text-align:center; line-height:1.2 }
	.gcon_5 .ibd .hd ul li:after{ height:2px }
	.gcon_5 .ibd .bd .con a{ display:block}
	.gcon_5 .ibd .bd .con .pic{ width:100%}
	.gcon_5 .ibd .bd .con .cont{ width:100%; padding:20px}
	.gcon_5 .ibd .bd .con .cont .intro{ height:auto}
	.gcon_5 .ibd .bd .con .cont .more{ margin-top:15px}
	.gcon_5 .icd{ margin-top:20px; }
	.gcon_5 .icd .swiper05 .swiper-slide{ width:49%}
	.gcon_5 .icd .swiper05 .swiper-slide .title{ text-align:center}
}


.gcon_6{ background:url(g_27.jpg) bottom center no-repeat; background-size:cover; padding:90px 0; }
.gcon_6 .ihd{ display:flex;justify-content: space-between; align-items: center;}
.gcon_6 .ihd .title{ color:#fff}
.gcon_6 .ihd .more a{display:flex; align-items: center; justify-content: center; width:auto; padding:0 25px; border:1px solid #fff; color:#fff; height:40px; font-size:18px}
.gcon_6 .ibd{ display:flex; margin-top:70px}
.gcon_6 .ibd .lt{ width:700px; overflow:hidden}
.gcon_6 .ibd .rt{ width:675px; margin-left:25px}
.gcon_6 .ibd .lt .swiper06{ width:100%; overflow:hidden}
.gcon_6 .ibd .lt .swiper06 .swiper-slide{ width:100%; overflow:hidden}
.gcon_6 .ibd .lt .swiper06 .swiper-slide .pic{ width:100%; overflow:hidden; padding-bottom:66%; box-sizing:border-box; position:relative}
.gcon_6 .ibd .lt .swiper06 .swiper-slide .pic img{ width:100% ; height:100%; position:absolute; left:0; top:0; object-fit:cover;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_6 .ibd .lt .swiper06 .swiper-slide:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.gcon_6 .ibd .lt .swiper06 .swiper-slide .cont{ width:100%; height:140px; background:#fff; display:flex;justify-content: space-between; align-items: center;}
.gcon_6 .ibd .lt .swiper06 .swiper-slide .cont .time{ width:120px; height:70px; border-right:1px solid #cecece; text-align:center; box-sizing:border-box}
.gcon_6 .ibd .lt .swiper06 .swiper-slide .cont .time .p1{ font-size:50px; color:#0b0b0b; line-height:1}
.gcon_6 .ibd .lt .swiper06 .swiper-slide .cont .time .p2{ font-size:14px; color:#0b0b0b; line-height:1; margin-top:5px}
.gcon_6 .ibd .lt .swiper06 .swiper-slide .cont .title{ width:calc(100% - 120px); box-sizing:border-box; padding:0 40px; font-size:20px; color:#333333; line-height:1.4}
.gcon_6 .ibd .lt .swiper06 .swiper-slide:hover .cont .title{ color:#c4261d; font-weight:bold}
.gcon_6 .ibd .rt .item{ width:100%; margin-bottom:6px; height:146px}
.gcon_6 .ibd .rt .item a{ display:flex;justify-content: space-between; align-items: center; width:100%; height:100%}
.gcon_6 .ibd .rt .item a .time{ width:118px; height:100%; background:#fff; display:flex; align-items: center; justify-content: center; text-align:center; font-family:Arial, Helvetica, sans-serif; transition:all 0.3s}
.gcon_6 .ibd .rt .item a .time .p1{ font-size:50px; line-height:1; color:#333; transition:all 0.3s}
.gcon_6 .ibd .rt .item a .time .p2{ color:#646464; font-size:14px; line-height:1; margin-top:5px; transition:all 0.3s}
.gcon_6 .ibd .rt .item a .cont{ width:calc(100% - 120px); background:#fff; position:relative; height:100%; display:flex; align-items: center; justify-content: center; box-sizing:border-box; padding:0 30px; position:relative}
.gcon_6 .ibd .rt .item a .cont>div{ width:100%}
.gcon_6 .ibd .rt .item a .cont .title{ font-size:20px; color:#333333; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_6 .ibd .rt .item a .cont .intro{ font-size:16px; color:#666666; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:10px}
.gcon_6 .ibd .rt .item a:hover .time{ background:#c4261d}
.gcon_6 .ibd .rt .item a:hover .time .p1{ color:#fff}
.gcon_6 .ibd .rt .item a:hover .time .p2{ color:#fff}
.gcon_6 .ibd .rt .item a .cont:after{ content:""; display:block; width:0; height:2px; background:#c4261d; position:absolute; left:0; bottom:0; z-index:2; transition:all 0.3s}
.gcon_6 .ibd .rt .item a:hover .cont:after{ width:100%}
.gcon_6 .ibd .rt .item a:hover .cont .title{ font-weight:bold}
@media (max-width: 1440px){
	.gcon_6{  padding:80px 0; }
	.gcon_6 .ihd .more a{ height:36px; font-size:16px}
	.gcon_6 .ibd{ margin-top:50px}
	.gcon_6 .ibd .lt{ width:50%;}
	.gcon_6 .ibd .rt{ width:calc(50% - 20px); margin-left:20px}
	.gcon_6 .ibd .lt .swiper06 .swiper-slide .cont{ height:120px;}
	.gcon_6 .ibd .lt .swiper06 .swiper-slide .cont .time{ width:110px; height:60px;  }
	.gcon_6 .ibd .lt .swiper06 .swiper-slide .cont .time .p1{ font-size:42px; }
	.gcon_6 .ibd .lt .swiper06 .swiper-slide .cont .time .p2{ font-size:12px; }
	.gcon_6 .ibd .lt .swiper06 .swiper-slide .cont .title{ width:calc(100% - 110px); padding:0 30px; font-size:18px;}
	.gcon_6 .ibd .rt .item{ height:125px}
	.gcon_6 .ibd .rt .item a .time{ width:110px;}
	.gcon_6 .ibd .rt .item a .time .p1{ font-size:42px; }
	.gcon_6 .ibd .rt .item a .time .p2{ font-size:12px; }
	.gcon_6 .ibd .rt .item a .cont{ width:calc(100% - 112px); padding:0 25px; }
	.gcon_6 .ibd .rt .item a .cont .title{ font-size:18px; }
	.gcon_6 .ibd .rt .item a .cont .intro{ font-size:14px; }
}
@media (max-width: 1200px){
	.gcon_6{  padding:60px 0; }
	.gcon_6 .ihd .more a{ height:32px; font-size:14px; padding:0 20px}
	.gcon_6 .ibd{ margin-top:30px; display:block}
	.gcon_6 .ibd .lt{ width:100%;}
	.gcon_6 .ibd .rt{ width:100%; margin-left:0; margin-top:6px}
	.gcon_6 .ibd .lt .swiper06 .swiper-slide .cont{ height:100px;}
	.gcon_6 .ibd .lt .swiper06 .swiper-slide .cont .time{ width:90px; height:50px;  }
	.gcon_6 .ibd .lt .swiper06 .swiper-slide .cont .time .p1{ font-size:32px; }
	.gcon_6 .ibd .lt .swiper06 .swiper-slide .cont .title{ width:calc(100% - 90px); padding:0 20px; font-size:14px;}
	.gcon_6 .ibd .rt .item{ height:100px}
	.gcon_6 .ibd .rt .item a .time{ width:90px;}
	.gcon_6 .ibd .rt .item a .time .p1{ font-size:32px; }
	.gcon_6 .ibd .rt .item a .cont{ width:calc(100% - 92px); padding:0 20px; }
	.gcon_6 .ibd .rt .item a .cont .title{ font-size:16px; }
	.gcon_6 .ibd .rt .item a .cont .intro{ font-size:12px; margin-top:6px }
}
@media (max-width: 750px){
	.gcon_6{  padding:40px 0; }
	.gcon_6 .ihd .more a{ height:30px; font-size:12px; padding:0 16px}
	.gcon_6 .ibd{ margin-top:20px; display:block}
}

.gcon_7{ padding:90px 0}
.gcon_7 .ibd{ margin-top:90px}
.gcon_7 .ibd .swiper07{ width:100%; overflow:hidden}
.gcon_7 .ibd .swiper07 .swiper-slide{   box-sizing:border-box}
.gcon_7 .ibd .swiper07 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_7 .ibd .swiper07 .swiper-slide .pic img{ width:100%}
.gcon_7 .ibd .swiper07 .swiper-slide .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_7 .ibd .swiper07 .swiper-slide .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.gcon_7 .ibd .swiper07 .swiper-slide .pic:hover{ box-shadow:0 0 15px rgba(0,0,0,0.1)}
.gcon_7 .ibd .swiper07 .pagination07{ width:100%; text-align:center; margin-top:60px; font-size:0}
.gcon_7 .ibd .swiper07 .pagination07 span{ width:10px; height:10px; background:#aaaaaa; opacity:1; border-radius:50%; padding:0; margin:0 8px;}
.gcon_7 .ibd .swiper07 .pagination07 span.swiper-pagination-bullet-active{ background:#c4261d}
@media (max-width: 1440px){
	.gcon_7{ padding:80px 0}
	.gcon_7 .ibd{ margin-top:80px}
	.gcon_7 .ibd .swiper07 .pagination07{ margin-top:40px; }
}
@media (max-width: 1200px){
	.gcon_7{ padding:60px 0}
	.gcon_7 .ibd{ margin-top:60px}
	.gcon_7 .ibd .swiper07 .pagination07{ margin-top:30px; }
}
@media (max-width: 750px){
	.gcon_7{ padding:40px 0}
	.gcon_7 .ibd{ margin-top:30px}
	.gcon_7 .ibd .swiper07 .pagination07{ margin-top:20px; }
	.gcon_7 .ibd .swiper07 .pagination07 span{ width:8px; height:8px;  margin:0 4px;}
}



.link{ width:100%; padding:30px 0; border-top:1px solid #eaeaea}
.link .lt{ float:left; color:#000000; font-size:18px; line-height:35px; background:url(g_30.png) left center no-repeat; padding-left:60px;}
.link .rt{ float:right; width:calc(100% - 160px);}
.link .rt a{ display:block; float:left; font-size:16px; color:#666666; line-height:35px; margin-right:35px}
.link .rt a:hover{ color:#c4261d}
@media all and (max-width:1200px){
	.link .lt{ float:none; font-size:14px; background-size:25px; padding-left:40px; line-height:25px}
	.link .rt{ width:100%; float:none; font-size:12px; margin-top:5px}
	.link .rt a{ font-size:12px; margin-right:15px;  line-height:25px}
}